<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="OptusMobile._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head runat="server">
		<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"/>
		<meta http-equiv="X-UA-Compatible" content="IE=8"/>
		<meta name="author" content="Wang Yiyao"/>
		<meta name="description" content="Optus is an Australian leader in integrated telecommunications, delivering cutting-edge communications, information technology and entertainment services."/>
		<meta name="keywords" content="optus, telecommunications, home, prepaid, mobile, phone, broadband, internet, technology "/>
		<meta name="site" content="personal"/>
		<meta name="channel" content="OCAHome|Personal"/>

		<meta http-equiv="imagetoolbar" content="no"/> <!-- disable the image menu that appears in IE -->
		
		<title>Optus Telecommunications. Phone, Mobile and Internet.</title>
		
		<!-- use Google's jQuery content servers since it can provide compressed HTTP responses -->
		<!-- jQuery Library has to be located before call to iepngfix in core.css -->
		
		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/myfirst.css" media="all"/>

				<!--<link rel="stylesheet" type="text/css" href="assets/lib/css/personal.css" media="all">-->
				
		<!-- JS libraries 
				<script type="text/javascript" src="assets/lib/js/shared.js"></script>-->
				<!--[if lte IE 6]>
		<script type="text/javascript" src="assets/lib/js/plugins/pngfix.js">
			function ChangeImage(){
				documentElement.getElementById();
										
			}
		</script>
		<![endif]-->
	</head>
	<body>
		<!--
			Start the Homepage's boot sector. :-)
		-->
		<form id="form1" runat="server">
		<div class="top_layer">				
				<a href="//www.optus.com.au"><img alt="'yes' Optus logo" title="'yes' Optus logo" src="Image/Common/logo-yes-optus.gif"/></a>
				<a href="//www.optus.com.au"><img alt="'yes' Optus logo" title="'yes' Optus logo" src="Image/Common/top2.jpg"/></a>
				<div class="primary_nav">
					<ul>
						<li><a href="../Default.aspx">Home</a></li>
						<li class="menuDiv"></li>
						<li><a href="Handset/AllHandsetShow.aspx">Mobile</a></li>
						<li class="menuDiv"></li>
						<li><a id="long" href="Handset/ShowAllPlan.aspx">Plan Detail</a></li>
						<li class="menuDiv"></li>
						<li><a id="long">Broadband</a></li>
						<li class="menuDiv"></li>
						<li><a>Bundles</a></li>
						<li class="menuDiv"></li>
						<li><a>Offers</a></li>
						<li class="menuDiv"></li>
						<li><a id="long">Customer Centre</a></li>
						<li class="menuDiv"></li>
						<li><a id="long" href="CustomerPortal/CustomerHome.aspx">
						My Account</a></li>
						<li class="menuDiv"></li>
						<li><a id="long" href="Handset/BuyHandset.aspx">
						View Cart</a></li>
					</ul>
			</div>
	</div>
	<div class="main_div">
		<div class="show">
			<!--<ul>
				<li><img src="Optus Mobile/banner_1.gif" id="a" alt="plan1">
				</li>	
				<li><img src="Optus Mobile/banner_2.jpg" id="b" alt="plan2">
			    </li>
	     	    <li><img src="Optus Mobile/banner_3.jpg" id="c" alt="plan3">
		        </li>
			    <li><img src="Optus Mobile/banner_4.jpg" id="d" alt="plan4">
			    </li>	
			</ul>-->
			<ul>
				<li>
					<img class="imagePlan" src="Image/Common/banner_1.gif" id="a" alt="plan"/>
					<img class="imagePlan" src="Image/Common/banner_2.jpg" id="b" alt="plan"/>
					<img class="imagePlan" src="Image/Common/banner_3.jpg" id="c" alt="plan"/>
					<img class="imagePlan" src="Image/Common/banner_4.jpg"id="d" alt="plan"/>
					<img class="imagePlan" src="Image/Common/banner_5.jpg" id="e" alt="plan"/>
					<img class="imagePlan" src="Image/Common/banner_5.jpg" id="f" alt="plan"/>
				</li>
			</ul>
		</div>
		<div class="showText">		    
			<ul>	
				<li><a href="#a">120GB for $49.99. Think Bigger.</a></li>
				<li class="menuDiv"></li>
				<li ><a href="#b" onclick="">
							Home Phone + Broadband</a></li>
				<li class="menuDiv"></li>
				<li><a href="#c">
							BYO Phone for More Value!</a></li>
			 	<li class="menuDiv"></li>
				<li><a href="#d">
							2GB of Mobile Broadband for $69</a></li>
				<li class="menuDiv"></li>
				<li><a href="#e">
							Sony Ericsson Vivaz</a></li>
			</ul>
		</div>
		<div class="operator">
			<ul>
				<li>
				<a style="margin-left:95px;font-family:'Georgia&#65292;Times New Roman&#65292;Times&#65292;serif';font-size:medium">My Service</a>
				</li>
				<li id="tital">
				<a>phone Number:</a>

                    <asp:TextBox ID="txbPhone" runat="server"></asp:TextBox>

				</li>
				<li id="tital">
				<a>Password :</a>
                    <asp:TextBox ID="txbPWD" runat="server"  TextMode="Password">*</asp:TextBox>
				
				</li>
				<li>
				<input name="Checkbox1" type="checkbox"/><a>Remember me nex	t time.</a>
                    <asp:Button ID="btLogin" runat="server" Text="Login" onclick="btLogin_Click"/>
				</li>
				<li>
				</li>
				<li style=" text-align:center">
					<%--<a style="margin-left:95px;font-family:'Georgia&#65292;Times New Roman&#65292;Times&#65292;serif';font-size:medium">Help Me</a>--%>
                    <asp:Label ID="ErrMessage" runat="server" Visible="False"></asp:Label>
				</li>
                <li>
					<a class="recommedbyquestion" href="#">Recommedation handset by questions</a>
				
                
                
                
                </li>
                <li><a class="recommedbyquestion" href="#" style="margin-left: 24px">Recommedation plan
                    by questions</a> </li>
            </ul>
        </div>
    </div>
    </form>
</body>
</html>
